$(document).ready(function () {
	//屏幕长度变化检测
	$(window).resize(function () {
		amend_modal_place( $('#add_user_modal') );//弹层 修正弹窗位置  始终处于屏幕中央
	});

	//设置当前页面选中样式
	setting_style_the_page();
	function setting_style_the_page() {
		var first_menu_item = $('#sidebar-nav').find('a[href="#accounts-menu-first-01"]');//获取一级菜单可点击的a标签
		var img_nav = first_menu_item.find('.define-nav');//获取导航图片
		var img_left = first_menu_item.find('.define-left');//获取转向图片
		var first_ul = $('#accounts-menu-first-01');//获取一级下拉菜单
		var first_ul_li_one = first_ul.children('li').eq(2);//获取  "患者管理"

		var second_menu_item = $('#sidebar-nav').find('a[href="#accounts-menu-second-03"]');//获取二级菜单可点击的a标签
		var second_img_left = second_menu_item.parent().find('.define-left');//获取转向图片
		var second_ul = $('#accounts-menu-second-03');//获取二级下拉菜单
		var second_ul_li_one = second_ul.children('li').eq(1);//获取  "腕带管理"

		first_menu_item.addClass('define-active');//一级菜单添加左边横线
		img_nav.attr('src','/statics/images/sever_hospital_select.png');//切换导航图片
		img_left.addClass('define-rotate-active');//添加动画类
		first_ul.addClass('in');//展拉一级菜单
		first_ul_li_one.addClass('define-active');//li添加左边横线

		second_ul.addClass('in');//展开二级菜单
		second_img_left.addClass('define-rotate-active');//添加动画类
		second_ul_li_one.addClass('define-active');//"腕带管理"  添加选中样式
	}

	//分页切换效果
	page_style_switch();
	function page_style_switch() {
		var page_ = $('.define-paging');
		var the_first_page = $('#the_first_page');//获取首页
		var prev_page = $('#prev_page');//获取上一页
		var next_page = $('#next_page');//获取下一页
		var the_last_page = $('#the_last_page');//获取尾页

		// 123456
		page_.delegate('.define-page','click',function () {
			page_.find('.define-page').removeClass('define-active');
			$(this).addClass('define-active');
		});

		// 上一页
		prev_page.on('click',function () {
			var active_page = page_.find('.define-active');
			if(active_page.text() > 1){
				page_.find('.define-page').removeClass('define-active');
				active_page.prev().addClass('define-active')
			}
		});

		// 下一页
		next_page.on('click',function () {
			var active_page = page_.find('.define-active');
			if(active_page.text() < 5){
				page_.find('.define-page').removeClass('define-active');
				active_page.next().addClass('define-active')
			}
		});

		// 首页
		the_first_page.on('click',function () {
			page_.find('.define-page').removeClass('define-active');
			page_.find('.define-page').eq(0).addClass('define-active');
		});

		// 尾页
		the_last_page.on('click',function () {
			page_.find('.define-page').removeClass('define-active');
			page_.find('.define-page').eq(4).addClass('define-active');
		});

	}

	/*页面*/
	//搜索功能
	search_function();
	function search_function() {
		$('#admin_search_people').on('click',function () {
			$('#search_form').submit();
		});
	}

	/*弹层*/
	//点击添加  弹出弹层
	show_modal_btn_add();
	function show_modal_btn_add() {
		$('#admin_add_people').on('click',function () {
			amend_modal_place( $('#add_user_modal') );//弹层 修正弹窗位置  始终处于屏幕中央
			$('#add_user_modal').modal({keyboard:false});//弹出弹层
		});
	}

	//弹层 修正弹窗位置  始终处于屏幕中央
	function amend_modal_place($modal) {
		var window_width = $(window).width();
		var window_height = $(window).height();
		var width = $modal.width();
		var height = $modal.height();

		var left = ( window_width - width ) / 2;
		var top  = ( window_height - height ) / 2;

		$modal.css('left',left);
		$modal.css('top',top);
	}

	//弹层  点击选择图片
	modal_click_select_img();
	function modal_click_select_img() {
		$('#select_select_img').on('click',function () {
			local_input_click( $('#select_select_img_input') );//弹层  选择图片  返回文件按钮点击
			previewImg( $('#select_select_img_input') , $('#select_select_img_show') );//弹层  选定需要上传的文件之后  展示在窗口  预览即将上传的图片
		});
	}

	//弹层  选择图片  返回文件按钮点击
	function local_input_click($input) {
		return $input.click();
	}

	//弹层  选定需要上传的文件之后  展示在窗口  预览即将上传的图片
	function previewImg($input,$img) {
		$input.change(function () {
			var objUrl = getObjectURL(this.files[0]) ;//获取文件url
			//如果不是img文件 ，提示不能选择此类文件
			if (this.files[0].type !== 'image/jpeg' && this.files[0].type !== 'image/png' && this.files[0].type !== 'image/gif') {
				alert('不是有效的图片文件!');
				$img.attr('src', '/statics/images/addpic.png');//赋值控制给img
				return;
			}
			//获取到url 赋值img的url  并展示
			if (objUrl) {
				$img.attr('src', objUrl);//赋值控制给img
				mdal_sure_add_function_img($(this),$img);//弹层  确认添加功能 图像处理
			}
		});
	}

	//弹层  获取文件的url
	function getObjectURL(file) {
		var url = null ;
		if (window.createObjectURL != undefined) {
			url = window.createObjectURL(file) ;// basic
		}
		else if (window.URL != undefined) {
			url = window.URL.createObjectURL(file) ;// mozilla(firefox)
		}
		else if (window.webkitURL != undefined) {
			url = window.webkitURL.createObjectURL(file) ;// webkit or chrome
		}
		return url ;
	}

	//弹层  必填字段填写提示
	modal_verify_must_write_tip();
	function modal_verify_must_write_tip() {
		$('#modal_sure').on('click',function () {
			modal_verify_must_write();//弹层  必填字段验证  及  信息提示
		});
	}

	//弹层  必填字段验证  及  信息提示
	function modal_verify_must_write() {
		var input = $('#add_user_modal').find('input');
		if( !input.eq(0).val() || !input.eq(1).val() || !input.eq(2).val() || !input.eq(3).val() ){
			amend_modal_place( $('#department_modal_tip'));//修正弹窗位置
			$('#department_modal_tip').modal({keyboard:false});//弹出弹层
			$('body').children('.modal-backdrop:last-child').css('zIndex','1050');//修改弹层层级
		}else {
			mdal_sure_add_function();//弹层  确认添加功能  form表单赋值
		}
	}

	//弹层  重置功能
	mdal_reset_function();
	function mdal_reset_function() {
		var input = $('#add_user_modal').find('input');
		$('#modal_resever').on('click',function () {
			input.eq(0).val('');
			input.eq(1).val('');
			input.eq(2).val('');
			input.eq(3).val('');
		});
	}

	//弹层  确认添加功能  form表单赋值
	function mdal_sure_add_function() {
		var form = $('#add_user_form');//form表单
		var input = $('#add_user_modal').find('input');

		form.find('input[name="wristlet_num"]').val( input.eq(0).val() );/*腕带设备号*/
		form.find('input[name="edition_num"]').val( input.eq(2).val() );/*版本号*/
		form.find('input[name="name"]').val( input.eq(1).val() );/*姓名*/
		form.find('input[name="phone_num"]').val( input.eq(3).val() );/*手机号*/

		mdal_sure_add_function_ajax( form.serialize() );//弹层  确认添加功能 ajax
	}

	//弹层  确认添加功能 图像处理
	function mdal_sure_add_function_img($input,$img) {
		var form = $('#add_user_form');//form表单
		var formData = new FormData();
		formData.append('file',$input[0].files[0]);

		$.ajax({
			url: '/patient/upFile',
			type: 'POST',
			dataType: 'json',
			contentType: false,
			processData: false,
			data: formData,
			success:function(data){
				if (data.code == 0){
					$img.attr('data_img',data.msg);
					form.find('input[name="QR_code"]').val( data.msg );/*人员图像*/
				}else {
					console.log(data.msg);
				}
			}
		});

		form.find('input[name="QR_code"]').val( formData );/*二维码*/
	}

	//弹层  确认添加功能 ajax
	function mdal_sure_add_function_ajax(data) {
		console.log(data);
		$.ajax({
			url: '/patient/bindWristband',
			type: 'POST',
			dataType: 'json',
			data: {
				postData: data
			},
			success:function(data){
				if( data.code == '0' ){
					window.location = location.href;
					$('#add_user_modal').modal('hide');
				}else {
					alert(data.msg)
				}
			},
			error: function (err) {
				console.log(err);
			}
		})
	}

});